
@media only screen and (min-width:956px) and (max-width:1268px){ 



	/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}



/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 73px; height: 73px;bottom: 64px; }
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }

.index_banner .box .text {left: 50%; top: 50%; transform: translate(-50%,-50%);width: 94%;}
.index_banner .box .text h4 {font-size: 20px; margin-bottom: 30px;}
.index_banner .box .text h3 {font-size: 33px; margin-bottom: 11px; line-height: 40px; white-space: normal; text-align: center;}

/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px; }
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;justify-content:center;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px;}
footer { border-bottom: 0px solid var(--dex); }
/* index */
.i01 .bot dl dd .ri h4 { font-size: 17px; margin-bottom: 8px; }
.i01 .bot .left .b_text { font-size: 18px; height: 100px; padding: 0 3%; text-align: center;}
.i01 .bot .left .b_text { width: calc(100% - 34px);}
.i02 .bot .nav { padding-left: calc(3%); }
.i03 .icenter { width: 82vw; }
.i03 .bot .fa-left { left: -60px; }
.i03 .bot .fa { width: 40px; height: 40px; top: 43%; }
.i03 .bot .fa-right { right: -60px; }
.i04 p { font-size: 15px; line-height: 26px; margin: 17px 0 24px; width: 41%; }
.i04 .bg {     background-attachment: unset; display: flex; align-items: center; }
.i05 .left .text { left: 50%; width: 94%; transform: translate(-50%, -50%); }
.i06 .bot {    padding: 60px 0 60px; background-attachment: unset;}
.i06 .bot .icenter {height: 284px;}
.i06 dl {   left: 50%; transform: scale(0.6) translateX(-85%) !important; width: 1147px; position: absolute;}

/* join */
.icenter3 { width: 94%; }
.join02 ul li .text { width: 130px; }
.join08 .bot .cc { padding: 40px 34px 30px; }
.join08 .bot .cc .ri { width: 64px; right: 30px; bottom: 32px; }
.join08 .top { height: 350px; }
.join07 dl dd span { font-size: 12px; margin-top: 13px; white-space: nowrap; }
.join07 dl dd::after { top: 45px; left: 100%; }

/* agent */
.ag02 dl dd { padding: 61px 35px; }
.ag02 dl dd .text { width: 68%; }
.ag03 dl dd { padding: 46px 18px 35px; width: 32%; }
.ag03 dl dd p { font-size: 12px; line-height: 22px; }


/* contact */
.con02 .box .text .title h4 { font-size: 18px; }
.con02 .box .text .title { padding-left: 13px; margin-bottom: 21px; }
.con02 .box .text { padding: 26px 14px 30px; }
.con02 .box .text .title h5 { font-size: 12px; line-height: 24px; height: 50px; margin-top: 5px;}
.con02 .box .text li span {     font-size: 13px; height: auto; display: flex; align-items: center;}
.con02 .fa-angle-left { left: -30px; }
.con02 .fa { width: 33px; height: 33px; font-size: 20px; }
.con02 .fa-angle-right { right: -30px; }

/* news */
.news_top .le { width: 53%; padding: 38px 42px; }
.news_com h3 { font-size: 18px; line-height: 27px; margin-bottom: 16px; }


/* solution */
.solu02 dl dd { padding: 44px 8px; }
.solu02 dl dd h4 { font-size: 16px; margin-bottom: 16px; padding-bottom: 14px; }
.solu04 dl dd a { padding: 25px 19px 25px; }


/* pro1 */
.pro1_5 .bot { margin-left: 3%; }
.pro1_1 { padding: 70px 0 20px; }
.pro1_2 ul li .content .ti h4 { font-size: 21px; margin-bottom: 5px; }
.pro1_4 dl dd .content { left: 25px; bottom: 25px; }
.pro1_4 dl dd .cc { padding: 20px; }
.pro1_4 dl dd .cc .icon { width: 33px; }
.pro1_4 dl dd .cc .bot h4 { font-size: 20px; margin-bottom: 5px; }
.pro1_4 dl dd .cc .bot { padding-top: 9px; margin-top: 10px; }
.pro1_4 dl dd .cc .bot p { font-size: 13px; line-height: 21px; }
.pro1_5 .op .swiper-pagination { width: 87%;}

/* pro1info */
.fx1 .content { width: 94%; }
.fx1 .fan { padding-left: 3%; }

/* pro02_2 */
.pro02_2 .seg .box { padding: 33px 22px; }
.pro02_1 ul { width: 72%; }
.pro02_3 .right { padding: 41px 47px; }
.pro02_3 .icenter1 .left .icon { left: 67px; bottom: -31px; width: 109px; height: 109px; }
.pro02_4 .wen span { font-size: 80px; }
.pro02_4 .wen { right: -169px; width: 580px; top: -5px; }
.pro02_2 .seg .fa-angle-left { left: -20px; }
.pro02_2 .seg .fa-angle-right { right: -20px; }



.pro2_info_banner { max-height: calc(100% - 224px); margin-top: 60px; min-height: calc(100% - 224px); padding: 4% 0 4%; }
.pro2_info_banner .ri .bottom dl dd .icon { width: 50px; height: 50px; }
.pro2_info_banner .ri .bottom dl dd { width: 50px; margin-right: 10px; }
.pro2_info_banner .le { padding: 0 60px; }
.pro2info_show ul li img { width: 28px; margin-right: 10px; }
.pro2info_show ul li span { font-size: 14px; }
.pro2info_show ul li::after { left: 83%; }
.pro2info_1 ul li { padding: 6px; }
.fan { padding-left: 3%; }

.tech02 .bot  .swiper-slide .text {display: none;}
.tech02 .bot  .swiper-slide-active .text {display: block;}



/* com */
.com01 dl dd strong { font-size: 37px; line-height: 32px; }
.com01 dl dd img { height: 38px; }
.com01 dl dd h4 { font-size: 60px; margin: 17px 0 5px; }
.com02 .ding_wen { left: 6%; top: 14%; width: 40%; }
.com02 .ding_wen h3 { font-size: 23px; margin-bottom: 10px; }
.com02 .box .text h4 { font-size: 25px; }
.com02 .box .text p { font-size: 14px; line-height: 24px; width: 292px; margin-bottom: 29px; margin-top: 24px; }
.com02 .bot_nav .g span { font-size: 16px; }
.com02 .bot_nav .g img { width: 28px; }
.com04 dl dd { padding: 69px 8px 39px; }
.com04 dl dd .icon { width: 104px; height: 104px; }
.com04 dl dd .icon img { width: 43px; }
.com04 dl dd p { font-size: 14px; line-height: 26px; margin-bottom: 21px; height: 72px; }
.com05 .bot .le { width: 434px; height: 528px; padding: 43px 36px 0; }
.com05 .bot .ri { top: 15px; width: 400px; height: 400px; }
.zy-beyond .yuan {width: 600px; height: 600px; right: -118.4%; margin-top: -343px; }


/* team */
.team01 ul { padding: 0 30px 0 40px; margin-bottom: 65px; }
.team01 ul li h5 { font-size: 14px; height: 38px; white-space: normal; }
.team01 ul li .icon { width: 115px; left: -25%; top: -30%; }
.team01 ul li { width: 18%; }
.team01 ul li h4 { line-height: 38px; }
.team01 .bot .le { padding: 0 32px;}
.team01 .bot .ri img{height: 100%;}
.team02 dl dd .text .icon { right: 12px; top: 12px; width: 70px; }
.team02 dl dd .text { padding-bottom: 40px; margin-bottom: 15px; }


/* honor */
.honor01 li a { padding: 29px 79px 22px 24px; }
.honor01 .li1 a .pic img, .honor01 .li2 a .pic img { height: 50px; }
.honor04 .bot { width: 100%; }
.honor04 .botF {width: 94%;}
.honor04 .box h4 { font-size: 14px; margin-top: 15px; }
.fa-dr { top: 33%!important; width: 32px!important; height: 32px!important; font-size: 24px!important; }
.honor04 .swiper-button-prev { left: -20px; }
.honor04 .swiper-button-next { right: -20px; }

.honor02 .wen { font-size: 140px; }
.honor02 ul li { padding: 22px 0 14px; }
.honor02 h3 { margin-bottom: 32px; }
.honor02 .imgbox img {height: 345px;}
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.honor03 .ban { bottom: 81px; }
.honor03 .le_cc { top: -58px; }
.honor03 .ri_cc { top: -58px; }
.honor03Swiper { height: 357px; }
.honor03 { padding: 99px 0 104px; }
.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box video { width: 100%; height: auto; }
.vi_box .box .video img.close { right: -4px; top: -40px;}

.imgshow { width: 94%; height: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pro3info_add { height: 300px; }
.pro3info_add dd .text { width: 88%; }
.pro2_info_banner .ri { width: 42.85%; }
.pro2info_show ul li {   min-width: 234px; width: 234px; }
.pro2info_show ul li::after { left: 127%; }
.pro2_info_banner .ri .bottom dl dd:nth-of-type(5n) { margin-right: 10px; }

.solu05 .bot_cc .fa-angle-left { left: 0px; }
.solu05 .bot_cc .fa-angle-right { right: 0px; }

.pro2_info_banner::after{background: url(../image/proinfo_banner.jpg);background-size: cover;}
.pro2_info_banner .vi {display: none;}

.join05 dl dd span { width: 98%; }
/*  */
.i04 .bg video {display: none;}
.i04 .bg .h5_bg {display: block!important;}

}
@media only screen and (min-width:750px) and (max-width:1000px){

	/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}



/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 73px; height: 73px;bottom: 64px; }
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }

.index_banner .box .text {left: 50%; top: 50%; transform: translate(-50%,-50%);width: 94%;}
.index_banner .box .text h4 {font-size: 20px; margin-bottom: 30px;}
.index_banner .box .text h3 {font-size: 33px; margin-bottom: 11px; line-height: 40px; white-space: normal; text-align: center;}

/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px; }
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;justify-content:center;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px;}
footer { border-bottom: 0px solid var(--dex); }
/* index */
.i01 .bot dl dd .ri h4 { font-size: 17px; margin-bottom: 8px; }
.i01 .bot .left .b_text { font-size: 18px; height: 100px; padding: 0 3%; text-align: center;}
.i01 .bot .left .b_text { width: calc(100% - 34px);}
.i02 .bot .nav { padding-left: calc(3%); }
.i03 .icenter { width: 88vw; }
.i03 .bot .fa-left { left: -60px; }
.i03 .bot .fa { width: 40px; height: 40px; top: 43%; }
.i03 .bot .fa-right { right: -60px; }
.i04 p { font-size: 15px; line-height: 26px; margin: 17px 0 24px; width: 41%; }
.i04 .bg { background-attachment: unset; background-position: center; }
.i05 .left .text { left: 50%; width: 94%; transform: translate(-50%, -50%); }
.i06 .bot {    padding: 60px 0 60px; background-attachment: unset;}
.i06 .bot .icenter {height: 284px;}
.i06 dl {   left: 50%; transform: scale(0.6) translateX(-85%)  !important; width: 1147px; position: absolute;}

/* join */
.icenter3 { width: 94%; }
.join02 ul li .text { width: 130px; }
.join08 .bot .cc { padding: 40px 34px 30px; }
.join08 .bot .cc .ri { width: 64px; right: 30px; bottom: 32px; }
.join08 .top { height: 350px; }
.join07 dl dd span { font-size: 12px; margin-top: 13px; white-space: nowrap; }
.join07 dl dd::after { top: 45px; left: 96%; }
/* agent */
.ag02 dl dd { padding: 61px 35px; }
.ag02 dl dd .text { width: 68%; }
.ag03 dl dd { padding: 46px 18px 35px; width: 32%; }
.ag03 dl dd p { font-size: 12px; line-height: 22px; }

/* contact */
.con02 .box .text .title h4 { font-size: 18px; }
.con02 .box .text .title { padding-left: 13px; margin-bottom: 21px; }
.con02 .box .text { padding: 26px 14px 30px; }
.con02 .box .text .title h5 { font-size: 12px; line-height: 16px; height: 50px; margin-top: 5px; }
.con02 .box .text li span { font-size: 13px; height: 34px; display: flex; align-items: center; }
.con02 .fa-angle-left { left: -20px; }
.con02 .fa { width: 30px; height: 30px; font-size: 18px; }
.con02 .fa-angle-right { right: -20px; }

/* news */
.news_top .le { width: 53%; padding: 38px 42px; }
.news_com h3 { font-size: 18px; line-height: 27px; margin-bottom: 16px; }
.news_banner img {height: 300px;}
.news_banner .text {width: 94%;}
.newshowtxt { width: 94%; margin: 68px auto 90px; }

/* solution */
.solu02 dl dd { padding: 44px 8px; }
.solu02 dl dd h4 { font-size: 16px; margin-bottom: 16px; padding-bottom: 14px; }
.solu04 dl dd a { padding: 25px 19px 25px; }

/* pro1 */
.pro1_5 .bot { margin-left: 3%; }
.pro1_1 { padding: 70px 0 20px; }
.pro1_2 ul li .content .ti h4 { font-size: 21px; margin-bottom: 5px; }
.pro1_4 dl dd .content { left: 25px; bottom: 25px; }
.pro1_4 dl dd .cc { padding: 20px; }
.pro1_4 dl dd .cc .icon { width: 33px; }
.pro1_4 dl dd .cc .bot h4 { font-size: 20px; margin-bottom: 5px; }
.pro1_4 dl dd .cc .bot { padding-top: 9px; margin-top: 10px; }
.pro1_4 dl dd .cc .bot p { font-size: 13px; line-height: 21px; }
.pro1_5 .op .swiper-pagination { width: 87%;}


/* pro1info */
.fx1 .content { width: 94%; }
.fx1 .fan { padding-left: 3%; }


/* pro02_2 */
.pro02_2 .seg .box { padding: 33px 22px; }
.pro02_1 ul { width: 93%; }
.pro02_3 .right { padding: 41px 47px; }
.pro02_3 .icenter1 .left .icon { left: 67px; bottom: -31px; width: 109px; height: 109px; }
.pro02_4 .wen span { font-size: 80px; }
.pro02_4 .wen { right: -169px; width: 580px; top: -5px; }
.pro02_2 .seg .fa-angle-left { left: -20px; }
.pro02_2 .seg .fa-angle-right { right: -20px; }

.pro2_info_banner { max-height: calc(100% - 224px); margin-top: 60px; min-height: calc(100% - 224px); padding: 4% 0 4%; }
.pro2_info_banner .ri .bottom dl dd .icon { width: 50px; height: 50px; }
.pro2_info_banner .ri .bottom dl dd { width: 50px; margin-right: 10px; }
.pro2_info_banner .le { padding: 0 60px; }
.pro2info_show ul li img { width: 28px; margin-right: 10px; }
.pro2info_show ul li span { font-size: 14px; }
.pro2info_show ul li::after { left: 83%; }
.pro2info_1 ul li { padding: 6px; }
.fan { padding-left: 3%; }
.tech02 .bot .box .text { padding: 43px; }
.tech02 .bot  .swiper-slide .text {display: none;}
.tech02 .bot  .swiper-slide-active .text {display: block;}
.tech02 .bot .box .text h4 { font-size: 24px; }
.tech03 .left .text p { width: 340px; }
.tech04 dl dd .text { padding: 31px 10px 55px; }
.tech06 dl dd .text h5 { height: 47px; font-size: 12px; line-height: 22px; margin-top: 8px; }

/* com */
.com01 dl dd strong { font-size: 37px; line-height: 32px; }
.com01 dl dd img { height: 38px; }
.com01 dl dd h4 { font-size: 60px; margin: 17px 0 5px; }
.com02 .ding_wen { left: 6%; top: 14%; width: 40%; }
.com02 .ding_wen h3 { font-size: 23px; margin-bottom: 10px; }
.com02 .box .text h4 { font-size: 25px; }
.com02 .box .text p { font-size: 14px; line-height: 24px; width: 292px; margin-bottom: 29px; margin-top: 24px; }
.com02 .bot_nav .g span { font-size: 16px; }
.com02 .bot_nav .g img { width: 28px; }
.com04 dl dd { padding: 69px 8px 39px; }
.com04 dl dd .icon { width: 104px; height: 104px; }
.com04 dl dd .icon img { width: 43px; }
.com04 dl dd p { font-size: 14px; line-height: 26px; margin-bottom: 21px; height: 72px; }
.com05 .bot .le { width: 434px; height: 528px; padding: 43px 36px 0; }
.com05 .bot .ri { top: 15px; width: 269px; height: 269px; }
.zy-beyond .yuan { width: 600px; height: 600px; right: -185.4%; margin-top: -343px; }

/* team */
.team01 ul { padding: 0 30px 0 40px; margin-bottom: 65px; }
.team01 ul li h5 { font-size: 14px; height: 38px; white-space: normal; }
.team01 ul li .icon { width: 115px; left: -25%; top: -30%; }
.team01 ul li { width: 18%; }
.team01 ul li h4 { line-height: 38px; }
.team01 .bot .le { padding: 0 32px;}
.team01 .bot .ri img{height: 100%;}
.team02 dl dd .text .icon { right: 12px; top: 12px; width: 70px; }
.team02 dl dd .text { padding-bottom: 40px; margin-bottom: 15px; }
.team03 .seg .text .team_h3 {font-size: 30px;}

/* honor */
.honor01 li a { padding: 29px 79px 22px 24px; }
.honor01 .li1 a .pic img, .honor01 .li2 a .pic img { height: 50px; }
.honor04 .bot { width: 100%; }
.honor04 .botF {width: 94%;}
.honor04 .box h4 { font-size: 14px; margin-top: 15px; }
.fa-dr { top: 33%!important; width: 32px!important; height: 32px!important; font-size: 24px!important; }
.honor04 .swiper-button-prev { left: -20px; }
.honor04 .swiper-button-next { right: -20px; }

.honor02 .wen { font-size: 140px; }
.honor02 ul li { padding: 22px 0 14px; }
.honor02 h3 { margin-bottom: 32px; }
.honor02 .imgbox img {height: 345px;}
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide img { width: 103px; max-height: 157px; }
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 7px !important; }
.honor03 .swiper-wrapper .swiper-slide-active img { width: 226px; max-height: 390px; }
.honor03 .ban { bottom: 81px; }
.honor03 .le_cc { top: -58px; }
.honor03 .ri_cc { top: -58px; }
.honor03Swiper { height: 357px; }
.honor03 { padding: 99px 0 104px; }

.vi_box .box .video { position: relative; width: 94%; height: auto; }
.vi_box .box video { width: 100%; height: auto; }
.vi_box .box .video img.close { right: -4px; top: -40px;}

.imgshow { width: 94%; height: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pro3info_add { height: 300px; }
.pro3info_add dd .text { width: 88%; }
.pro2_info_banner .ri { width: 42.85%; }
.pro2info_show ul li {     min-width: 190px; width: 190px; }
.pro2info_show ul li::after { left: 117%; }
.pro2_info_banner .ri .bottom dl dd:nth-of-type(5n) { margin-right: 0px; }

.pro2_info_banner .ri .bottom dl dd span { font-size: 12px; margin-top: 6px; }
.pro2_info_banner .ri .bottom dl dd { width: 50px; margin-right: 10px; }
.pro2_info_banner .ri .bottom dl dd .icon { width: 50px; height: 50px; }
.pro2_info_banner .ri .bottom dl dd .icon img { width: 26px; }

.pro2_info_banner .ri .bottom dl dd:nth-of-type(7){margin-right: 10px;}
.pro2_info_banner .ri .bottom dl dd:nth-of-type(5){margin-right: 10px;}

.solu05 .bot_cc .fa-angle-left { left: 0px; }
.solu05 .bot_cc .fa-angle-right { right: 0px; }

.i03 .swiper-slide-active .box img { height: 226px; }
.i03 .swiper-slide-active .box img { height: 226px; }

.pro2_info_banner::after{background: url(../image/proinfo_banner.jpg);background-size: cover;}
.pro2_info_banner .vi {display: none;}


.team02 dl dd { padding: 34px 18px 32px;}
.team02 dl dd .text .le h3 { font-size: 22px; }
.team02 dl dd .text { padding-bottom: 26px; margin-bottom: 15px; }

#code .wpcf7 .wpcf7-form { width: calc(100% - 78px); }
.join05 dl dd .icon { margin-bottom: 8px; height: 45px; width: 45px; }
.join05 dl dd .icon img { width: 23px; }
.join05 dl dd span {    font-size: 12px; width: 96%; }
.join05 dl dd:hover { transform: scale(1.1); }
.join05 dl dd span { width: 98%; }


/*  */
.i04 .bg video {display: none;}
.i04 .bg .h5_bg {display: block!important; height: 100%; object-fit: cover;}

}
   
@media only screen and (max-width:768px){
/* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

/* header */
.pc-1200px {display: none!important;}
.drawer-nav { display: block; } 
/* drawer-hamburger */
.headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;    background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;}
.drawer-hamburger
.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{    padding-top: 80px; width: 30%; z-index: 20;}
.headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;}
.drawer--right .drawer-nav{right: -100%!important;} 
.headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;}
.headerwrap{background-color: #FFFFFF;}
.sj-language{position: absolute;right: 20px;bottom: 50px;}
.drawer--right.drawer-open .drawer-nav{overflow-y: scroll;height: calc(100% - 60px )!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;}
.drawer--right .drawer-nav>.drawer-menu{width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu{    width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;}
.drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;}
.drawer-menu-item:hover{color: var(--dex);}
.drawer-dropdown-menu>li{margin-bottom: 10px;}
.drawer-menu-item{font-size: 16px;}
.drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} 
.drawer--right.drawer-open .drawer-hamburger { right: 0px!important;}
.drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;}
.drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; }
.drawer-hamburger-icon::before {height: 100%!important;}
.drawer-hamburger-icon::after {height: 100%!important;}
.drawer-hamburger:hover { cursor: pointer; background-color: var(--dex)!important; }
.drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;}
.drawer-hamburger {background-color: var(--dex)!important; }
.drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;}
.drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;}
.drawer-menu-item:hover { color: var(--dex)!important; } 
.drawer-nav .lang {display: none;}
.drawer-open  .drawer-nav .lang  {display: flex; position: fixed; right: 40px; bottom: 30px;  z-index: 10;}
.drawer-open  .drawer-nav .lang a {font-size: 16px; color: #666;}
.drawer-open  .drawer-nav .lang span {margin: 0 10px;font-size: 16px;color: #666;}
/* 3ji */
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item {color: #666;  border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;}
.drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important;    width: 73%!important;    color: #999;}





.cb-link{display: none!important;}
/* head footer */
.icenter {width: 94%;}
.icenter1 {width: 94%;}
.icenter2 {width: 94%;}
.head .icenter .right {display: none;}
.head { height: 60px; }
.div1 {background-color: #fff; -webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,.2); box-shadow: 0 6px 30px 0 rgba(0,0,0,.2);}
.div1 .head .icenter .logo {filter: none;}
.div1 .head .icenter li a{color: #333;}
.div1 .head .icenter .tools a {color: #666;}
.div1 .head .icenter .right .tools a:nth-of-type(2) {border-color: rgb(111 109 109 / 40%);}
.div1 .head .icenter .right .tools .lang img{filter: invert();}
footer .icenter .top {display: none;}
footer .icenter .bot .share {display: none;}
footer .waves {display: none;}
.side_btn a::after { width: 45px; height: 45px; }
.side_btn { width: 73px; height: 73px;bottom: 64px; }
footer .icenter .icon {display: none;}
footer .icenter .bot { margin-top: 0px; } 
footer { padding: 20px 0; }
footer .icenter .bot .left { justify-content: center; }
footer { border-bottom: 0px solid var(--dex); }
.index_banner .box .text {left: 50%; top: 50%; transform: translate(-50%,-50%);width: 94%;}
.index_banner .box .text h4 {font-size: 20px; margin-bottom: 30px;}
.index_banner .box .text h3 {font-size: 33px; margin-bottom: 11px; line-height: 40px; white-space: normal; text-align: center;}

/* header footer banner */
.div1 .head .right {display: none;}
.div1 .left a .logo1 { display: block; }
.div1 .left a .logo2 {display: none;}
.head { width: 94%;}
.div1 .left a img { width: 142px; }
.div1 { border-bottom: 0px; }
.i_banner { height: calc(100% - 60px); margin-top: 60px; }
.i_banner .box .text {width: 94%;}
.i_banner .box .h3_img { width: 100%; margin-bottom: 10px; }
.i_banner .box h4 { font-size: 18px; margin-bottom: 25px; }
.more { font-size: 12px; width: 100px; height: 34px;}
.i_banner .more {width: 128px;}
.i_h5_banner,.i_h5_banner img {display: block; height: 100%;}
.i_banner .box .bg {display: none;}
footer .logo {display: none;}
footer .mid {display: none;}
footer .bot .ri {display: none;}
footer .bot .power .b_power {display: none;}
footer .bot .share {display: none;}
footer .bot {border-top: 0px;padding-top: 0px;}
footer .bot .power .t_power { flex-flow: wrap; display: flex; justify-content: center; margin-bottom: 0px;}

/* index */
.i01 .bot {height: auto;flex-flow: wrap;}
.i01 .bot .left { width: 100%; padding-left: 24px; height: 100%; }
.i01 .bot dl {width: 100%;margin-top: 20px;}
.i01 .bot .left .date { width: 98px; height: 90px; }
.i01 .bot .left .date h4 { font-size: 34px; margin-bottom: 2px; height: 37px; line-height: 37px; }
.i01 .bot .left .date h5 { font-size: 14px; }
.i01 { padding: 50px 0; }
.i_h3 { font-size: 24px; }
.i01 .bot dl dd a { padding: 14px 20px; }
.i01 .bot dl dd .le h4 { font-size: 32px; margin-bottom: 3px; height: 33px; line-height: 34px; }
.i01 .bot dl dd .le h5 { font-size: 14px; }
.i01 .bot dl dd .ri h4 { font-size: 14px; margin-bottom: 4px; }
.i02 .bot .nav { padding-left: 3%; width: 71%; }
.i02 .bot::before { width: 64%;}
.i02 .bot .nav a .le img { width: 24px; margin-right: 10px; }
.i02 .bot .nav a .ri { font-size: 30px; height: 21px; line-height: 20px; }

.i02_h5 {display:block;height: 100%;}
.i02_h5  img {height: 100%;}
.i02Swiper .swiper-slide-active .imgbox video {display: none;}
.i02Swiper .swiper-slide .imgbox {display: none;}
.i02  .swiper {height: 100%;}
.i02 .swiper-slide-active  .i02_h5 img{animation: mysacle 2s linear;}
@keyframes mysacle {
100% {
	transform: scale(1.15);
}
}
.i02 .bot .nav .a .le img { width: 21px; margin-right: 14px; }
.i02 .bot .nav .a .b { padding-left: 35px; }
.i03 { padding: 50px 0; }
.i03 .top .nav {  justify-content: unset;}
.i03 .top .nav .more { width: 80px; margin-right: 12px;}
.i03 .bot { width: 94%;}
.i03 .swiper-slide-active .box img { height: 211px; }
.i03 .bot::before,.i03 .bot::after{display: none;}
.i03 .bot .fa { width: 34px; height: 34px; }
.i03 .bot .fa img { width: 17px; }
.i03 .bot .fa-right { right: -4px; }
.i03 .bot .fa-left { left: -4px; }
.i03 .bot .box h5 { width: 100%; }
.i04 { padding: 50px 0; margin-bottom: 0px; }
.i04 .bg { position: unset; background-attachment: unset; width: 100%; height: 220px; background-size: cover; }
.i04 .icenter { top: 0px; margin-bottom: 36px; }
.i04 dl { margin-top: 34px; width: 100%; }
.i04 dl dd img { width: 32px; }
.i04 dl dd span { font-size: 14px; margin-top: 10px; }
.i04 p { font-size: 16px; line-height: 28px; margin: 15px 0 21px;    width: 100%; }
.i04 p  br {display: none;}
.i05 {flex-flow: wrap;}
.i05 .left .text .icon img { width: 32px; }
.i05 .left .text .i_h3 { margin-bottom: 16px; }
.i05 .left .text .icon { margin-bottom: 13px; }
.i05 .left { width: 100%; height: 320px; }
.i05 .right {width: 100%;   padding: 40px 46px 39px;}
.i05 .right p { margin-bottom: 30px; }
.i05 .right .box { margin-bottom: 100px; }
.i05 .right .box .i05Swiper_S_ri-prev, .i05 .right .box .i05Swiper_S_ri-next { font-size: 14px; top: 170px; width: 32px; height: 32px; }
.i05 .right .box .i05Swiper_S_ri-prev { left: 35%!important; }
.i05 .right .box .i05Swiper_S_ri-next { right: 35%!important; }
.i05 .right .box .i05Swiper_S_ri-prev img, .i05 .right .box .i05Swiper_S_ri-next img { width: 15px; }
.i05 .left .text { width: 94%; left: 50%; transform: translate(-50%,-50%); }
.i05 .left .text p {     padding-top: 14px; font-size: 14px; line-height: 24px; margin-bottom: 28px; width: 100%;}
.i05 .right .box .i05Swiper_S,.i05Swiper_S .swiper-wrapper,.i05Swiper_S .swiper-wrapper .imgbox, .i05Swiper_S.swiper-wrapper .swiper-slide, .i05Swiper_S .swiper-wrapper img{ border-radius: 90px; z-index: 1; overflow: hidden; }
.i06 dl dd {     margin-bottom: 14px; width: 106px; position: relative; top: 0px!important; left: 0!important; }
.i06 dl dd:last-child {display: none;}
.i06 dl { height: auto; display: flex; flex-flow: wrap;justify-content: space-between; }
.i06 .bot {background-attachment: unset;}
.i06 .top h4 { font-size: 18px; }
.i06 { padding-top: 50px; }
.i06 .bot { padding: 50px 0; background-size:cover;}
.i06 .top .i_h3 { margin: 7px 0 30px; }
.i06 .top p { font-size: 14px; width: 94%; text-align: center;}

/* about */
.innerbanner .text h3 {font-size: 30px;margin-bottom: 6px;line-height: 40px;}
.innerbanner .text h4 {font-size: 15px;}
.innerbanner img {height: 300px;}
.innerbanner {margin-top: 60px;}
.fx {margin-top:360px}
.com_nav {top: -56px;height: 56px;}
.icenter3 {width: 94%;}
.com_nav a {padding: 0 12px;font-size: 13px;}
.com_nav .icenter3 .le {font-size: 16px;}
.com01 {padding: 50px 0;}
.com01 .bg {display: none;}
.com01 .content  {flex-flow: wrap;  width: 94%;margin: auto;}
.com01 .ri {width: 100%;}
.com01 .top {width: 100%;padding-right: 0%;margin-top: 18px;}
.com01 .top .le h3 {font-size: 24px;line-height: 34px;margin-bottom: 16px;}
.com01 .top .le h4 {font-size: 16px;line-height: 26px;margin-bottom: 14px;}
.com01 dl dd img {height: 32px;}
.com01 dl {margin-top: 8px;flex-flow: wrap;}
.com01 dl dd strong {font-size: 34px;line-height: 38px;}
.com01 dl dd span {font-size: 14px;}
.com01 dl dd {width: 43%;}
.com01 dl dd img {top: 23px;}
.com01 .ri video { height: 205px; }
.com01 .ri .bo img { width: 52px; }
.com02 .ding_wen h3 { font-size: 22px; margin-bottom: 10px; }
.com02 .ding_wen h3 br {display: none;}
.com06 .icenter3 h5 {font-size: 20px;margin-bottom: 24px;text-align: center;}
.com06 .icenter3 h4 {font-size: 16px;margin-bottom: 4px;}
.com06 {padding: 50px 0;}
.vi_box .box .video {position: relative;width: 96%;height: auto;}
.vi_box .box video {width: 100%;height: auto;}
.com04 dl {flex-flow: wrap;}
.com04 dl dd {width: 100%;margin-bottom: 60px;padding: 65px 25px 36px;}
.com04 dl dd:last-child {margin-bottom: 0px;}
.com04 dl dd .icon {width: 90px;height: 90px;}
.com04 dl dd .icon img {width: 40px;}
.com04 h3 {font-size: 26px;margin-bottom: 66px;}
.com04 {padding: 50px 0;background-attachment: unset;}
.com05 .bot .le {width: 100%;height: auto;padding: 40px 28px 0;}
.com05 {padding: 50px 0;}
.com05 h3 {font-size: 26px;margin-bottom: 20px;}
.com05 .bot .le .fa {width: 40px;height: 40px;    bottom: -18px;}
.ban-yuan .wrapper, .ban-yuan {width: 40px;height: 40px;}
.ban-yuan .circle {width: 40px;height: 40px;clip: rect(0,20px,40px,0);}
.zy-beyond .yuan {display: none;}
.com05 .swiper-wrapper .swiper-slide {width: 100%!important;}
.com05 .bot .ri {opacity: 0;width: 1px;}
.ban-yuan .box {height: auto;overflow: unset!important;}
.com05 .bot .le .box .seg p {font-size: 14px;line-height: 26px;}
.com05 .bot .le .box {height: 350px;}
.com05 .bot .le .fa-angle-left {left: 28px;}
.com05 .bot .le .fa-angle-right {right: 0px;left: 81px;}
.com03 {    padding: 50px 0 74px;}
.pagemap .maps .about04min .mapicon img {display: block;width: 5px;height: auto;}
.pagemap .maps .tt {bottom: 0px;}
.pagemap .maps .tt h3 {font-size: 26px;margin-bottom: 22px;}
.pagemap .maps .tt h4 {font-size: 13px;line-height: 23px;}
.pagemap .maps .tt h4::before {left: 2px;top: -12px;width: 30px;height: 3px;}
.ban-yuan .wrapper {top: -1px;left: 0px;clip: rect(0,40px,40px,20px);}
.vi_box .box .video img.close {right: 0px;}
.com02 .bot_nav .g span {font-size: 12px;}
.com02 .bot_nav .g img {width: 28px;}
.com02 .bot_nav .g {padding: 13px 2%;}
.com02 .box .text {    top: 41%; right: auto; left: 6%;}
.com02 .box .text h4 {font-size: 26px;}
.com02 .box .text p {margin-bottom: 22px;}
.com02 { height: 473px; }

.pagemap .maps .about04min {overflow: unset; width: 100%; margin: 0 0 0 00%; }
.pagemap,.com03 ,.pagemap .maps{ overflow: unset;}
.pagemap .maps .tt { bottom: -29px; }




/* team */
.team03 {padding: 50px 0;}
.team03 .seg {flex-flow: wrap;}
.team03 .seg .imgbox {width: 100%;margin-bottom: 20px;}
.team03 .seg .text {width: 100%;}
.team_h3 {font-size: 24px;}
.team03 .seg .text p {font-size: 14px;margin: 10px 0 26px;line-height: 24px;text-align: center;}
.team03 .seg .text img {width: 44px;    margin: auto}
.team03 .seg:nth-of-type(2) {margin-top: 40px;  flex-flow: wrap;}
.team02 {padding: 50px 0;}
.team02 .team_h3 {margin-bottom: 20px;}
.team02 dl {flex-flow: wrap;justify-content: space-between;}
.team02 dl dd { width: 49%; margin-right: 0px; margin-bottom: 20px;    padding: 20px; }
.team02 dl dd .text .icon { right: 12px; top: 12px; width: 21px; }
.team02 dl dd .text { padding-bottom: 19px; margin-bottom: 12px; }
.team02 dl dd .text .le h3 { font-size: 22px; }
.team01 {padding: 50px 0 50px;}
.team01 ul {padding: 0 0px 0 18px;margin-bottom: 34px;}
.team01 ul li h4 strong {font-size: 28px;}
.team01 ul li h5 {font-size: 12px;}
.team01 ul li {width: 62px;}
.team01 ul li h4 {margin-bottom: 5px;line-height: 24px;}
.team01 {    padding: 70px 0 50px;;}
.team01 ul li .icon {width: 96px;left: -38%;top: -20%;}
.team01 ul li h5 {font-size: 12px;white-space: normal;height: 48px;}
.team01 .bot {height: auto;flex-flow: wrap;}
.team01 .bot .le {width: 100%;padding: 40px 32px; }
.team01 .bot .ri {width: 100%;}
.team01 .bot .le .content p {font-size: 13px;line-height: 22px;margin-bottom: 26px;}
.team01 .bot .le .content h4 {font-size: 19px;margin-bottom: 15px;}
.team01 .bot .le .team_h3 {margin-bottom: 16px;}
.team03 .seg .text h4 { text-align: center; }
.team03 .seg .text .team_h3 { text-align: center; }


/* honor */
.honor01 {padding: 50px 0;}
.solu_h3 {font-size: 26px;}
.honor01 .li1 {width: 100%;height: auto;}
.honor01 li a {padding: 25px 21px 20px 37px;}
.honor01 .li1 a ,.honor01 .li2 a{padding-bottom: 90px;}
.honor01 .li2 {width: 100%;height: auto;}
.honor01 .li1 a .pic img, .honor01 .li2 a .pic img {height: 68px;}
.honor01 li a .text h4 {font-size: 36px;margin-bottom: 10px;}
.honor01 h3 {margin-bottom: 24px;}
.honor01 li {padding: 0 0px;}
.honor01 h3 {left: 0px;}
.honor02 {padding: 50px 0;}
.honor02 h3 {font-size: 26px;margin-bottom: 0px;}
.honor02 .imgbox {    top: 0px;position: unset;width: 94%;margin: auto;margin-bottom: 20px;}
.honor02 .wen {display: none;}
.honor02 ul {width: 100%;}
.honor02 ul li {padding: 30px 0 16px;}
.honor02 ul li h4 strong {font-size: 42px;}
.honor02 ul li h4 strong {font-size: 42px;}
.honor02 ul li .ri {width: 62.6%;}
.honor03 {padding: 20px 0 70px;}
.honor03 .top a {margin-right: 12px;}
.honor03 .swiper-wrapper .swiper-slide img {     width: 84px; max-height: 118px; transition: 0s;}
.honor03 .swiper-wrapper .swiper-slide-active img { width: 149px; max-height: 225px;}
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 4px !important; }
.honor03 .com_cc .text h4 { font-size: 12px; }
.honor03 .com_cc .text h5 {     font-size: 12px; width: 123px; }
.honor03 .fa { width: 15px; height: 31px; }
.honor03 .le_cc .text { margin-left: 10px; }
.honor03Swiper { padding-top: 80px;height: 294px;  }
.honor03 .ri_cc .text { margin-right: 10px; }
.honor03 .ban { bottom: 60px; }
.honor03 .top {margin-bottom: 42px;}
.honor04 {padding: 50px 0;}
.honor04 .bot {width: 100%;}
.honor04 .botF {position: relative;width: 100%;margin: auto;}
.imgshow {width: 100%;height: 80%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.honor04 .swiper-button-prev {left: 0px;}
.honor04 .swiper-button-next {right: 0px;}
.fa-dr {width: 32px!important;height: 32px!important;font-size: 26px!important;}
.honor04 .box h4 {font-size: 14px;margin-top: 15px;}
/* pro1 */
.pro1_1 {padding: 50px 0;}
.pro1_1 .title p {font-size: 14px;line-height: 26px;padding: 0px 3%;padding-top: 14px;margin-top: 16px;}
.pro1_h3 {font-size: 26px;}
.pro1_1 .content .tab-li .img {width: 70px;height: 70px;}
.pro1_1 .content .tab-li .p1 {font-size: 14px; margin-top: 6px;}
.pro1_1 .content .tab-li:nth-of-type(1),.pro1_1 .content .tab-li:nth-of-type(2) ,.pro1_1 .content .tab-li:nth-of-type(3) ,.pro1_1 .content .tab-li:nth-of-type(4)  {position: unset;}
.pro1_1 .bg {display: none;}
.pro1_1 .core {display: none;}
.pro1_1 .content { display: flex; justify-content: space-between; }
.pro1_2 {padding: 50px 0;}
.pro1_2 ul li {height: 245px;width: 100%;margin-bottom: 10px;}
.pro1_2 ul {width: 94%;flex-flow: wrap;}
.pro1_3 {padding: 50px 0;}
.pro1_3 .seg1 h4 strong {font-size: 107px;animation: none;}
.pro1_3 .seg1 h4 {line-height: 121px;}
.pro1_3 .seg1 h4 span {font-size: 18px;line-height: 66px;margin-left: 5px;}
.pro1_3 .seg1 h4::before {left: 135px; top: 56px;width: 370px;height: 1px;}
.pro1_3 .seg1 h4::after {right: 175px; top: 56px;width: 370px;}
.pro1_3 .seg1 p {width: 100%;}
.pro1_3 .seg1 p {font-size: 13px;line-height: 23px;margin-top: 5px;}
.pro1_3 .seg1 p br {display: none;}
.pro1_3 .seg1 .pro1_h3 {margin-left: 0px;text-align: center;}
.pro1_5 { padding: 30px 0 50px; }
.pro1_5 .pro1_h3 {margin-bottom: 20px;}
.pro1_5 .bot .box span {font-size: 12px;margin-top: 6px;}
.pro1_5 .op .fa { width: 28px; height: 28px; font-size: 16px; }
.pro1_5 .bot { margin-left: 3%; }
.pro1_5 .op .swiper-pagination { width: 78%; }
.pro1_4 dl dd {width: 100%;margin-right: 0px;margin-bottom: 20px;}
.pro1_4 dl dd .cc .icon { width: 34px; }
.pro1_4 dl dd .content h4 { font-size: 18px; margin-bottom: 14px; }
.pro1_4 dl dd .content h5 { font-size: 20px; width: 38px; height: 22px; line-height: 27px; }
.pro1_4 dl dd .cc .bot { padding-top: 32px; margin-top: 12px; }
.pro1_4 dl dd .cc .bot h4 { font-size: 18px; margin-bottom: 5px; }
.pro1_4 dl dd .cc .bot p { font-size: 12px; line-height: 22px; }
.pro1_4 dl dd .cc { padding: 20px; }
.pro1_4 dl dd .content { left: 32px; bottom: 32px; }
.pro1_4 dl dd .imgbox img {height: 250px;}
.pro1_3min {margin: 0px auto 0;}
.pro1_3imglist {top: 0%;left: 0;border-radius: 0px;height: 100%;}
.pro1_3tablistwrap {    width: 94%;position: relative;margin: auto;margin-top: 30px;}
.pro1_3tablist {      border-radius: 6px;  z-index: 1;    height: auto;display: flex;justify-content: space-between;width: 100%;padding: 12px;}
.pro1_3min {margin: 0px auto 0;flex-flow: wrap;justify-content: unset;}
.pro1_3l-text {z-index: 1; width: 94%;position: unset;box-sizing: border-box;margin: auto;padding: 30px 0 50px;}
.nav-cont-item-bg {display: none!important;}
.nav-cont-item-bg.act {display: none!important;}
.pro1_3 .icenter3 .icenter,.pro1_3 .icenter3  {width: 100%;}
.pro1_3l-text .cc h4 {font-size: 18px;margin-bottom: 10px;}
.pro1_3l-text .cc p {font-size: 13px;line-height: 22px;}
.pro1_3l-text .item_icon img {    width: 74px; margin-bottom: 16px;}
.pro1_3l-text .cc {margin-bottom: 32px;}
.pro1_3 .seg2 {position: relative;}
.pro1_3 .seg2::after {content: "";display: inline-block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: absolute;left: 0;top: 0;}
.pro1_3tablist .item {width: 23%;}



/* pro1-info */
.innerbanner .text { top: 45%; }
.p_info_banner h6 { font-size: 15px; margin-bottom: 5px; }
.p_info_banner h5 { font-size: 30px; }
.p_info_banner .text { top: 50%; width: 94%; }
.fx1 .content { padding: 50px 0; width: 94%; flex-flow: wrap;}
.fx1 { margin-top: 360px; }
.fx1 .content .left {width: 100%;padding-left: 0px;margin-bottom: 20px;}
.fx1 .content .right {width: 100%;}
.fx1 .content .right ul {display: flex;justify-content: space-between;}
.fx1 .content .right ul  li {width: 24%;margin-bottom: 0px;}
.fx1 .content .right .cc ul li .text {     font-size: 12px; text-align: center;}
.fx1 .content .left .seg { padding-bottom: 50px; }
.fx1 .content .left .title { font-size: 20px; margin-bottom: 18px; }
.fx1 .content .left .seg .detail { font-size: 14px; line-height: 24px; padding: 16px 0; }
.fx1 .content .right .biao a { padding: 14px 0; }
.fx1 .fan { padding-left: 3%; }
.fan { padding: 30px 0; padding-left: 3%;}
.fan span { font-size: 14px; }
.fan img { width: 14px; margin-right: 8px; }

/* pro2 */
.pro02_1 { padding: 50px 0 100px; }
.pro02_h3 { font-size: 26px; }
.pro02_1 p { font-size: 14px; line-height: 24px; margin: 10px auto 26px; width: 100%; }
.pro02_1 ul { width: 100%; }
.pro02_1 ul { width: 340px; }
.pro02_1 ul li img { height: 30px; }
.pro02_1 ul li span { font-size: 13px; margin-top: 10px; }
.pro02_1 ul li {     padding: 28px 0; width: 32.8%; }
.pro02_1 .c1 svg, .pro02_1 .c2 svg { width: 82px; }
.pro02_1 .c1 path { d: path("M 2 0 L 2 35 L 80 35 L 80 2"); }
.pro02_1 .c2 path { d: path("M 80 0 L 80 35 L 2 35 L 2 2"); }
.nicc1 {display: none;}
.nicc2 {display: block;}
@keyframes xian1 {
	0% {
		stroke-dasharray: 30, 174;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 30, 174;
		stroke-dashoffset: -204;
	}
}

@keyframes xian2 {
	0% {
		stroke-dasharray: 30, 174;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 30, 174;
		stroke-dashoffset: -204;
	}
}

.pro02_2 { padding-top: 50px; }
.pro02_2 .seg p {    font-size: 14px; margin: 10px 0 26px; line-height: 22px;}
.pro02_2 .seg .box { padding: 28px 30px; }
.pro02_2 .seg .box .bot dl { margin-bottom: 12px; }
.pro02_2 .seg { margin-bottom: 50px; }
.pro2info_2 ul li:nth-of-type(2) p sup { display: contents; }
.pro02_3 .right { padding: 38px 28px; position: unset; transform: translateY(0%);}
.pro02_3 .right h4 { font-size: 24px; }
.pro02_3 .icenter1 .left { width: 100%; position: relative; margin-bottom: 20px; }
.pro02_3 .right p { font-size: 14px; margin: 8px 0 18px; }
.pro02_4 .wen {display: none;}
.pro02_3 .icenter1 .left .icon { display: none;}

.pro02_3 { padding: 50px 0; }
.pro02_4 { padding: 50px 0; }
.pro02_4 .top h4 { font-size: 26px; }
.pro02_4 .top p { font-size: 14px; margin: 12px 0 18px; }
.pro02_4 ul {flex-flow: wrap;}
.pro02_4 ul li {width: 23%; margin-right: 2.6%; margin-bottom: 20px;}
.pro02_4 ul li:last-child { margin-right:2.6%; }
.pro02_4 ul li:nth-of-type(4n){ margin-right:0; }
.pro02_4 ul li span { font-size: 14px; margin-top: 10px; }
.pro02_4 ul li .icon img { width: 34px; }
.pro02_4 .top { margin-bottom: 38px; }

.pro02_2 .seg.seg_lc .box .bot dl{min-height: auto;}
.pro02_2 .seg.seg_pm .box .bot h6 { min-height: auto; }

/* pro2-info */
.pro2info_3 .mid {position: relative;margin-bottom: 50px;}
.pro2info_3 {padding: 50px 0;}
.pro2info_3 .bot a .le span {font-size: 14px;}
.pro2info_h3 {font-size: 26px;margin-bottom: 20px;}
.pro2info_3 .swiper .box span {font-size: 12px;margin-top: 12px;}
.pro2info_3 .mid .fa {height: 30px;width: 30px;font-size: 20px;}
.pro2info_3 .mid .fa-angle-left {left: 0px;}
.pro2info_3 .mid .fa-angle-right {right: 0px;}
.pro2info_2 {padding: 50px 0;}
.pro2info_2 ul li:nth-of-type(2) p {padding-left: 42px;}
.pro2info_2 ul li p {padding: 12px 0;line-height: 20px;font-size: 12px;}
.pro2info_1 ul li {margin-bottom: 20px;padding: 24px;width: 100%;    margin-right: 0px;}
.pro2info_1 {padding: 50px 0;}
.pro2info_show {padding: 22px 0;}
.pro2info_show ul li img {width: 22px;margin-right: 10px;}
.pro2info_show ul li span {font-size: 14px;}
.pro2info_show ul li {width: fit-content;min-width: unset;width: 32%;}
.pro2info_show ul li span {font-size: 12px;}
.pro2info_show ul li::after {left: 101%;}
.pro2_info_banner {max-height: unset;margin-top: 60px;min-height: unset;padding: 50px 0;}
.pro2_info_banner .icenter3 {flex-flow: wrap;}
.pro2_info_banner .le {width: 100%;padding: 0px;margin-bottom: 20px;}
.pro2_info_banner .ri {width: 100%;}
.pro2_info_banner .le .fa {padding: 0px;height: 32px;width: 32px;font-size: 22px;top: 42%;}
.pro2_info_banner .ri .title h4 {line-height: 27px;font-size: 28px;margin-right: 6px;}
.pro2_info_banner .ri .title h5 {font-size: 12px;}
.pro2_info_banner .ri p {font-size: 13px;line-height: 24px;padding-top: 11px;margin-top: 12px;margin-bottom: 21px;}
.pro2_info_banner .ri .bottom dl {width: 100%;margin-bottom: 31px;flex-flow: wrap;justify-content: flex-start;}
.pro2_info_banner .ri .bottom dl dd {    width: 50px; margin-right: 15px; margin-bottom: 12px;}
.pro2_info_banner .ri a {width: 149px;height: 36px;font-size: 14px;}
.pro2_info_banner .le .fa-angle-left {left: 0px;}
.pro2_info_banner .le .fa-angle-right {right: 0px;}
/* technology */
.tech01 {padding: 50px 0;}
.ag_h3 {font-size: 26px;}
.tech01 p {margin-top: 10px;font-size: 14px;}
.tech01 dl {    margin-top: 28px;flex-flow: wrap;    justify-content: unset;}
.tech01 dl dd {     padding: 22px 0; width: 23.5%; margin-right: 2%; margin-bottom: 2%;}
.tech01 dl dd:nth-of-type(4n){margin-right: 0px;}
.tech01 dl dd img {margin-bottom: 8px; height: 27px;}
.tech01 dl dd span {font-size: 12px;}
.tech02 {padding: 50px 0;}
.tech02 .top p {margin: 8px auto 33px;font-size: 14px;width: 100%;line-height: 24px;}
.tech02 .bot .box .imgbox {width: 100%;margin-bottom: 20px;}
.tech02 .bot .box {display: flex;flex-flow: wrap;}
.tech02 .bot .box .text {position: unset;transform: translateY(0px);width: 100%;}
.tech02 .swiper {height: auto;}
.tech02 .bot .box .text {padding: 30px;}
.tech02 .bot .box .text h4 {font-size: 24px;}
.tech02 .more {margin-top: 33px;width: 194px;height: 42px;font-size: 14px;}
.tech02 .ri_nav .dao {font-size: 14px;margin: 0px 10px;}
.tech02 .ri_nav {bottom: -22px;}
.tech03 {height: auto;display: flex;flex-direction: column;}
.tech03 h3 {text-align: center;}
.tech03 .left .text p::before { left: 50%; transform: translateX(-50%);}
.tech03 .left {width: 100%;height: 100%;}
.tech03 .right {width: 100%;}
.tech03 .left img {height: 280px;}
.tech03 .left .text p {font-size: 14px;line-height: 26px;padding-top: 11px;margin-top: 14px;width: 100%;}
.tech04 {padding: 50px 0;}
.tech04 .top p {width: 100%;}
.tech04 dl dd {width: 100%;margin-bottom: 20px;}
.tech04 dl {flex-flow: wrap;}
.tech04 dl dd .text {padding: 31px 30px 29px;}
.tech05 {padding: 50px 0;}
.tech05 dd {flex-flow: wrap;}
.tech05 dd .text {width: 100%;}
.tech05 dd .imgbox {width: 100%;}
.tech05 dd:nth-of-type(2) {flex-flow: wrap;}
.tech05 dd .text {padding: 36px;}
.tech05 dd .text h3 {text-align: center;}
.tech05 dd .text p { text-align: center; }
.tech05 dd .text { padding: 36px 20px; }
.tech06 {padding: 50px 0;}
.tech06 .top p {width: 100%;}
.tech06 dl {flex-flow: wrap;}
.tech06 dl dd {width: 100%;margin-bottom: 20px;}
.tech06 dl dd .text {padding: 26px 18px 36px;}
/* solution */
.solu01 {padding: 50px 0;}
.solu01 .icenter3 {padding: 0 0px;}
.solu01 h4 {font-size: 16px;padding-top: 17px;margin-top: 14px;margin-bottom: 13px;}
.solu02 {padding: 50px 0;background-attachment: unset;}
.solu02 dl dd { width: 49.5%; margin-bottom: 1%;     padding: 37px 20px;}
.solu02 dl {flex-flow: wrap;}
.solu03 {padding: 50px 0;}
.solu03 .icenter3 .bot {flex-flow: wrap;}
.solu03 .icenter3 .bot .imgbox {width: 100%;}
.solu03 .icenter3 .bot .text {padding-right: 0px;width: 100%;margin-top: 20px;}
.solu03 .icenter3 .bot .text h4 {font-size: 20px;margin-bottom: 22px;}
.solu03 .icenter3 .bot::before {display: none;}
.solu03 .icenter3 .content .fa-angle-left {left: 0px;}
.solu03 .icenter3 .content .fa-angle-right {right: 0px;}
.solu03 .icenter3 .content .fa {width: 34px;height: 34px;font-size: 23px;border: 1px solid var(--dex);color: var(--dex);}
.solu03 .icenter3 .content .fa {top: 33%;}
.solu03 .icenter3 .swiper {padding: 20px 0 0px;}
.solu04 {padding: 50px 0;}
.solu04 dl dd {height: 168px;width: 100%;margin-right: 0px;margin-bottom: 12px;}
.solu05 {padding: 50px 0;}
.solu05 .bot_cc {margin-top: 20px;}
.solu05 .bot_cc .fa-angle-left {left: 0px;}
.solu05 .bot_cc .fa-angle-right {right: 0px;}
.solu05 .bot_cc .fa {width: 32px;height: 32px;font-size: 24px;}

/* news */
.news_top {padding: 50px 0;}
.news_top a {flex-flow: wrap;}
.news_top .le {width: 100%; padding: 40px 33px;}
.news_top .ri {width: 100%;}
.news_com h3 {font-size: 18px;line-height: 28px;margin-bottom: 14px;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.news_com p {font-size: 12px;line-height: 22px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.news_com .t {margin-bottom: 18px;}
.news_top .bot .swiper-pagination {bottom: -38px;}
.news dd a {flex-flow: wrap;}
.news dd a .imgbox {width: 100%;margin-bottom: 20px;}
.news dd a .text {width: 100%;}
.news dd {padding: 40px 0;}
.news .page {padding-bottom: 50px;}
.news dl {margin-bottom: 38px;}

/* news_info */
.news_banner img {height: 250px;}
.news_banner .text {width: 94%;}
.newshowtxt {width: 94%;margin: 50px auto 50px;}
.newshowtxt p {font-size: 14px;line-height: 24px;margin-bottom: 12px;}
.news_banner h4 {font-size: 18px;margin-bottom: 11px;}
.news_banner h5 {font-size: 13px;}
.sxy {margin-top: 34px;}
.sxy a {padding: 12px 0;font-size: 14px;}
.bottomfx dd .share a {width: 28px;height: 28px;line-height: 28px;margin-right: 8px;font-size: 12px;}
.bottomfx dd span {font-size: 14px;line-height: 28px;margin-right: 12px;}
.bottomfx {margin-top: 30px;}
.newshowtxt .wp-video video {width: 100%!important;height: auto!important;}
.newshowtxt .wp-video { margin: auto; width: 100%!important; }
.news_banner { padding: 120px 0 42px; }
.solu05 .box .bot h5 { min-height: auto;}



/* join */
.join01 {padding: 50px 0;}
.join01 .text h3 {text-align: center;}
.join01 .icenter3 {flex-flow: wrap;}
.join01 .text {width: 100%;margin-bottom: 20px;}
.join01 .imgbox {width: 100%;    text-align: center;}
.join01 .text p {font-size: 14px;margin: 14px 0 34px;line-height: 24px;}
.join01 .text .liao { margin: auto; }
.join02 {padding: 50px 0;}
.join02 .top p {font-size: 14px;line-height: 26px;margin: 12px 0 25px;width: 100%;}
.join02 .seg {height: auto;flex-flow: wrap;    padding-top: 340px;}
.join02 ul {width: 100%;}
.join02 .seg .mid {    height: auto; width: 100%; position: absolute; height: 312px; top: 0px;}
.join02 ul li {       height: auto; width: 46vw; padding: 16px 12px; margin-bottom: 10px; min-height: 138px; max-height: 138px;}
.join02 ul li .icon { width: 27px; margin-right: 11px; }
.join02 ul li .text { width: 72%; }
.join02 ul { flex-flow: wrap;    margin-bottom: 10px; position: relative;}
.join02 ul li .text h4 { font-size: 16px; }
.join02 .cc:nth-of-type(2) {position: relative;}
.join02 .cc:nth-of-type(2) li:nth-of-type(1) {      position: absolute; top: -147px; left: calc(46vw + 9px);}
.join03 .icenter3 {height: auto;flex-flow: wrap;}
.join03 .icenter3 .le {width: 100%;}
.join03 .ri {    width: 100%;padding-top: 20px;padding-bottom: 25px;}
.join03 .ri .box p {font-size: 14px;line-height: 24px;margin-top: 16px;margin-bottom: 50px;}
.join03 {margin-bottom: 50px;}
.join04 { padding: 40px 0 100px ; }
.join04 p {    padding: 0 12px;padding-top: 16px;margin-top: 16px;font-size: 14px;line-height: 24px;}
.join04 p br {display: none;}
.join05 {padding: 50px 0;}
.join05 dl dd {width: 49%;padding: 23px 0 33px;margin-bottom: 2%;}
.join05 dl dd:hover {transform: scale(1);}
.join06 .imgbox {height: auto;}
.join06 .top p {font-size: 14px;margin: 10px 0 29px;line-height: 24px;width: 100%;}
.join06 .bot {width: 94%;margin: auto;}
.join06 {margin-bottom: 50px;}
.join07 {padding: 50px 0;}
.join07 dl {margin-top: 22px;flex-flow: wrap;}
.join06 .swiper-slide .imgbox img {width: 100%;}
.join07 dl dd {width: 33%;margin-bottom: 15px;}
.join07 dl dd span {font-size: 12px;margin-top: 12px;text-align: center;width: 80%;margin: auto;margin-top: 8px;height: 30px;}
.join08 .bot {bottom: 55px;left: 50%;padding: 0 0px;flex-flow: wrap;}
.join08 .bot .cc {width: 100%;padding: 30px;margin-bottom: 10px;box-shadow: 0 6px 15px 0 rgb(0 0 0 / 20%);}
.join08 .top .text h4 {font-size: 16px;}
.join08 .top .text {width: 94%;    top: 24%;}
.join08 .bot .cc .ri {width: 72px;}
.join08 .bot .cc .le h4 {font-size: 20px;margin-bottom: 6px;}
.join08 .bot .cc .le h5 {font-size: 14px;margin-bottom: 38px;}
.join08 {padding-bottom: 186px;}
.join07 dl dd .icon img {width: 42px;}
/* join-list */
.jl .icenter3 {flex-flow: wrap;}
.jl .icenter3 .le {    flex-flow: wrap; width: 100%;margin-bottom: 8px;display: flex;justify-content: space-between;}
.jl .icenter3 .ri {width: 100%;}
.jl dd .top .tip h5 { margin-right: 17px; }
.jl dd .top .tip h5 span { font-size: 12px; width: 100%; }
.jl dd .bot span { display: contents; }
.jl {padding: 50px 0;}
.jl_banner img {height: 250px;}
.jl_banner {position: relative;margin-top: 60px;}
.jl_banner .text h3 {font-size: 30px;margin-bottom: 6px;}
.jl_banner .text h4 {font-size: 13px;}
/* agent */
.ag01 .icenter3 {flex-flow: wrap;}
.ag01 .imgbox {width: 100%;margin-bottom: 20px;}
.ag01 .text {width: 100%;padding-right: 0px;}
.ag01 .icenter3::before {display: none;}
.ag01 {padding: 50px 0;}
.ag01 .text h3 { text-align: center; }
.ag01 .text h4 { text-align: center; line-height: 24px; padding: 0 24px; padding-bottom: 22px; }
.ag02 dl dd {    width: 100%;padding: 50px 10px;}
.ag02 dl dd .icon {margin-right: 17px;width: 52px;height: 52px;}
.ag02 dl dd .text {width: 71%;}
.ag02 dl dd .text h4 {font-size: 18px;margin-bottom: 4px;}
.ag02 dl dd .text h5 {font-size: 13px;line-height: 23px;}
.ag02 {margin-bottom: 50px;}
.ag03 dl {margin-top: 20px;flex-flow: wrap;}
.ag03 dl dd {width: 100%;margin-bottom: 15px;}
.ag03 {margin-bottom: 50px;}
.ag04 .icenter3 {flex-flow: wrap;}
.ag04 .imgbox {width: 100%;margin-bottom: 20px;}
.ag04 .text {width: 100%;}
.ag04 .text ul li {padding-left: 55px;padding-bottom: 35px;}
.ag04 .text ul {margin-top: 28px;}
.ag04 {margin-bottom: 50px;}
.ag05 form .sp .cc {width: 100%;}
.ag05 form .sp {flex-flow: wrap;margin-bottom: 0px;}
.ag05 form .sp .cc {margin-bottom: 18px;}
.ag05 form .sp.sp3 .cc {width: 100%;}
.ag05 {padding-bottom: 50px;}
.ag05 h6 {font-size: 13px;margin-bottom: 30px;}

/* contact */
.con01 {padding: 50px 0;}
.con01 .icenter3 {flex-flow: wrap;}
.con01 .text {width: 100%;margin-bottom: 20px;}
.con01 .imgbox {width: 100%;}
.con01 .text ul li {margin-bottom: 15px;}
.con01 .text ul {margin-bottom: 26px;}
.con01 .text .more {margin-top: 26px;}
.con02 {margin-bottom: 50px;}
.con02 .fa {width: 32px;height: 32px;font-size: 20px;}
.con02 .fa-angle-left {left:0px;}
.con02 .fa-angle-right {right: 0px;}
.con02 .fa {top: 53%;}
.con03 {padding-bottom: 50px;}
.con03 h6 {font-size: 13px;margin-bottom: 32px;}
.ding {top: -80px;}
/* pro3-info */
.pro3info_add dd {width: 100%;margin-bottom: 14px;}
.pro3info_add {height: auto;flex-flow: wrap;}
.pro3info_add dd .imgbox, .pro3info_add dd .imgbox img{height:208px;}
.pro3info_add dd .text {width: 94%;}
.pro3info_add dd .text  {}
.pro3info_add dd .text h4 { padding-bottom: 14px; margin-bottom: 14px; font-size: 22px; }
.pro3info_add dd .text p { width: 80%; font-size: 12px; }
.pro3info_add dd .text h4::after { bottom: -1px; width: 50px; height: 2px;}
.pro3info_add dd:last-child {margin-bottom: 0px;}
.pro3info_3 .more { margin: 0px 0 50px; width: 174px; }
.pro2info_3 .mid { margin-bottom: 16px; }

.fx1 .content .left .seg img { width: 500px; max-width: fit-content; }
.fx1 .content .left .seg {overflow-x: scroll; padding-bottom: 20px; margin-bottom: 50px;}

.fx1 .content .left .seg::-webkit-scrollbar { height: 1px; width: 3px; }
.fx1 .content .left .seg::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.fx1 .content .left .seg::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.pro2_info_banner::after{background: url(../image/proinfo_banner.jpg);background-size: cover;}
.pro2_info_banner .vi {display: none;}



/* 表单 */
#code { width: 94%; padding: 10px; }
#wpcf7-f2464-o1 .ddtt h3 { font-size: 20px;}
#code .wpcf7 .wpcf7-form { width: calc(100% - 65px); }

/*  */
.i04 .bg video {display: none;}
.i04 .bg .h5_bg {display: block!important;}



}
   